@import 'functions';
@import "colors/scss/variables";
// ↳ https: //github.com/Esri/calcite-colors.git

//  Main Colors Vars
$text_color                 : $Calcite_Gray_700                                !default ;
$header_color               : $Calcite_Gray_600                                !default ;
$background_color           : $Calcite_Gray_050                                !default ;
$anchor_color               : $Calcite_Gray_550                                !default ;
$button_text_color          : $Calcite_Gray_550                                !default ;

// Inverse
$text_inverse_color         : $Calcite_Gray_050                                !default ;
$background_inverse_color   : $Calcite_Gray_650                                !default ;

// Hover
$button_text_hover_color    : offset-foreground-color($button_text_color, 25%) !default ;
$anchor_hover_color         : offset-foreground-color($anchor_color, 25%)      !default ;
$background_hover_color     : offset-background-color($background_color, 5%)   !default ;

// Active
$background_active_color    : offset-background-color($background_color, 7%)   !default ;
$active_text_color          : offset-background-color($text_color, 10%)        !default ;
$background_active_reverse_color    : offset-background-color($text_color, 1%)         !default ;
$active_text_reverse_color          : offset-background-color($background_color, 10%)   !default ;

// Selected
$selected_border_color      : $Calcite_Highlight_Blue_350                      !default ;
$selected_background_color  : $Calcite_Highlight_Blue_100                      !default ;

// Offset
$text_offset_color          : offset-foreground-color($text_color, 25%);
$background_offset_color    : offset-background-color($background_color, 4%);

// Other
$disabled_opacity           : 0.4                                              !default ;
$disabled_color             : rgba($button_text_color, $disabled_opacity)      !default ;
$placeholder_color          : rgba($text_color, $disabled_opacity)             !default ;
$border_color               : rgba($text_color, 0.25)                          !default ;
$list_header_color          : offset-background-color($background_color, 5%)   !default ;
$page_menu_background_color : $background_inverse_color                        !default ;

$esri_blue_button_bg        : $Calcite_Highlight_Blue_350                      !default ;
$esri_blue_button_bg_hover  : $Calcite_Highlight_Blue_400                      !default ;

$focus_outline_color        : $Calcite_Highlight_Blue_250                      !default ;

$error_text_color           : $Calcite_Red_a250                                !default ;
